<template>
<!-- 首页组件 -->
  <div class="home">  
    <!-- 首页头部组件 -->
    <HomeHeader></HomeHeader>
    <!-- 首页轮播组件 -->
    <HmoeRotation></HmoeRotation>
    <!-- 首页导航分类组件 -->
    <HmoeClassify></HmoeClassify>
    <!-- 首页商品数据组件 -->
    <HomeData></HomeData>
    <!-- 底部导航组件 -->
    <Tabbar :active="0"></Tabbar>
  </div>
</template>

<script>
import Tabbar from '../../components/tabbar.vue'
import HomeHeader from './components/homeHeader.vue'
import HmoeRotation from './components/homeRotation.vue'
import HmoeClassify from './components/homeClassify.vue'
import HomeData from './components/homeData.vue'
export default {
  components:{
    HomeHeader,
    Tabbar,
    HmoeRotation,
    HmoeClassify,
    HomeData
  }
}
</script>

<style lang="scss" scoped>
  .home{
    width: 100%;
  }
</style>